* {
	margin: 0px;
	padding: 0px;
}

body {
	padding: 10px 0px;
	

	/* T�O  */
	background-color: white;
	

	/* KOLOR CZCIONKI NA CA�EJ STRONIE */
	color:  black;
	
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-align: center;
}

a {
	/*KOLOR LINK�W */
	color:  BLUE;
	
	/* T�O LINKA */
	background-color: white;

	text-decoration: underline;
}

a:hover {

	/* KOLOR PO NAKIEROWANIU NA LINKA */
	color:  red;

	/* T�O LINKA PO NAKIEROWANIU NA NIEGO */	
	background-color: white;   
}

span {
	display: none;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

li {
	list-style-type: none;
}

p {
	padding: 14px 0px 5px;
	text-align: justify;
	line-height: 12px;
	clear : both;
	float : none;
}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}


#container {
	margin: 0px auto;
	width: 778px;

	/* T�O LEWEJ SEKCJI  - ��cznie z du�ym obrazkiem - OBRAZEK POWTARZANY W PIONIE */
	background: url('../images/belka.gif') #0c070d repeat-y 0px 0px;
	
	/* KOLOR NAPIS�W NA STRONIE */
	color:  BLACK;
}

.thumbnail {
	padding: 10px 0px;
}

.thumbnail img {
	border: #5c5b5c 1px solid;
}


/* Page Title */

#page_title {
	width: 362px;
	height: 128px;

	/* KRESKA POD logiem - POZIOMA - ODDZIELAJ�CA OD PANELU PRAWEGO - KROPKA POWTARZANA W POZIOMIE */
	background-image: url('../images/belka2.gif');
	background-repeat: repeat-x;
	background-position: 0% 100%;
	overflow: hidden;
	float: right;
}

#page_title h1 {
	width: 362px;
	height: 126px;

	/* #292829 - T�O POD LOGIEM */ 
	background: url('../images/logo.jpg') WHITE no-repeat 50% 50%;
	color: #cf7235 ;
}


/* Page Image */

#page_image {
	width: 414px;
	height: 534px;

	/* #09070A - PASEK U G�RY PO LEWEJ NAD MAIN IMAGE */
	background: url('../images/obrazek.jpg') WHITE  no-repeat 0px 100%;
	color: inherit;
	overflow: hidden;
}


/* Left Column */

#left_column {
	width: 414px;
	font-size: 12px;
	float: left;
}

#left_column h2 {
	background-repeat: no-repeat;
	background-position: 50% 50%;

	/* T�O POD NAG��WKIEM PO LEWEJ STRONIE */
	background-color: WHITE;


	color: #d26a36;
}


/* Right Column */

#right_column {
	padding-bottom: 20px;
	width: 362px;
	
	/* T�O PRAWEJ KOLUMNY */
	background-color: WHITE;

	/* KOLOR NAPIS�W W PRAWEJ KOLUMNIE */ 
	color: black ;


	float: right;
	clear: right;
}

#right_column h2 {
	background-repeat: no-repeat;
	background-position: 50% 50%;

	/* T�O POD NAG��WKAMI PO PRAWEJ STRONIE */
	background-color: WHITE ;
	color: #c7c7c7;
}

#right_column p {
	padding-top: 20px;
}


/* Page Menu */

#page_menu {
	padding: 15px 0px;
	width: 414px;

	/* #0C070D - T�O MENU , belka2 - KRESKA POZIOMA POD DU�� GRAFIK� */
	background: url('../images/belka2.gif') repeat-x 0% 0%;
	color: white #c2bebe;
}

#page_menu a {
	background-color: inherit;
	color: black;
	text-decoration: none;
}

#page_menu a:hover {
	/* T�O NAPISU Z MENU PO NAKIEROWANIU */
	background-color: BLUE;

	/* KOLOR NAPISU Z MENU PO NAKIEROWANIU */
	color: #fff ;
}

#page_menu li {
	padding: 0px 2px 2px;
	float: left;
}

#page_menu li a {
	display: block;
	width: 81px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#page_menu li#menu1 a {
	margin-right: 7px;
	width: 69px;
}

#page_menu li#menu5 a {
	margin-left: 7px;
	width: 66px;
}

#page_menu li a span {
	padding-top: 70px;
	display: block;
}

#menu1 a {
	background-image: url('../images/menu.jpg');
}

#menu2 a {
	background-image: url('../images/menu.jpg');
}

#menu3 a {
	background-image: url('../images/menu.jpg');
}

#menu4 a {
	background-image: url('../images/menu.jpg');
}

#menu5 a {
	background-image: url('../images/menu.jpg');
}


/* Logowanie*/

#logowanie {
	padding: 10px 28px 0px;
}

#logowanie h2 {
	margin-bottom: 5px;
	height: 37px;

	/* NAG��WEK W SEKCJI LEWEJ */
	background-image: url('../images/logowanie.jpg');
}


/* News */

#news {
	padding: 20px 25px;
}

#news h2 {
	height: 35px;
	background-image: url('../images/wiadomosci.jpg');
}


/* Ankieta */

#ankieta {
	padding: 30px 25px 10px;
}

#ankieta h2 {
	height: 35px;
	background-image: url('../images/ankieta.jpg');
}


/* Page Footer */

#page_footer {
	margin-left: 416px;
	width: 362px;
	padding: 9px 0px;
	
	/*WHITE - KOLOR T�A STOPKI, belka2 - POZIOMA KRESKA NAD STOPK� */
	background: url('../images/belka2.gif') WHITE repeat-x 0px 0px;

	/* KOLOR NAPISU W STOPCE */
	color: /*inherit*/ red;


	clear: both;
	font-size: 10px;
	line-height: 12px;
}



/*  PANEL LOGOWANIA */

#panel {
	width: 350px; 
	margin: 0 auto; 
	padding: 0; 
	background: #fff;
	border: 1px solid silver;
	font: /*16px*/ 12px calibri;
	letter-spacing: -1px;
	padding: 15px 0 0;
	-webkit-box-shadow: 0 0 2px silver; 
    -moz-box-shadow: 0 0 2px silver; 
    box-shadow: 0 0 2px silver; 
}
form {margin: 0;}
label {
	display: block;
	width: 230px;
	padding: 8px 18px;
	color: #696969;
	font-size: 16px;
	text-shadow: 0 0 1px silver;
}
#username, #password {
	font-size: 18px;
	display: block;
	width: /*360px*/ 200px; 
	margin: 0 auto;
	padding: 10px 5px;
	border: 1px solid silver;
	outline: 5px solid  white ;
}
#username:focus, #password:focus {
	outline: 5px solid white;
}



 /*niebieskie t�o na zapami�taj mnie */
#lower {
	background: white;
	width: /*360px*/ 310px;
	padding: 15px 20px;
	margin-top: 20px;
}


.check {
	display: inline;
	float: none;
	font-size: 11px;
	padding: 5px;
}


input[type="submit"] {
	width: 98px;
	padding: 5px 13px;
	border: 1px solid #005f85;
	color: white;
	text-shadow: 0 0 1px black;
	background: #B22222;
	position: relative;
	left: 0px;
}

#panel, input[type="submit"] {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}
